Skip to content

Align collection settings modal with Penpot design (#631)#687

Open
Roshan-Singh-07 wants to merge 3 commits intoEXXETA:mainfrom
Roshan-Singh-07:fix/align-collection-settings-modal
Open

Align collection settings modal with Penpot design (#631)#687
Roshan-Singh-07 wants to merge 3 commits intoEXXETA:mainfrom
Roshan-Singh-07:fix/align-collection-settings-modal

Conversation

@Roshan-Singh-07
Copy link
Contributor

@Roshan-Singh-07 Roshan-Singh-07 commented Feb 5, 2026

This PR aligns the Collection Settings Modal with the official Penpot design to improve visual consistency and UX.

Screen.Recording.2026-02-03.230207.mp4

Closes #631

Copy link
Collaborator

@SoulKa SoulKa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's still a lot off. @giemic8 or @kwerber you're more familiar with our designs, maybe you can check.

What I found just by looking:

  • The tab trigger color is wrong now
  • Wrong color in Dialog Header background
  • Wrong text color in input fields

Also, please check if the issue is already assigned to someone. Our colleague @eugen-soliar is already working on this :D

@Roshan-Singh-07
Copy link
Contributor Author

Thanks for the review! I’ve updated the implementation to address the points mentioned:

• Adjusted tab trigger colors to better match the Penpot design
• Fixed the dialog header background color
• Corrected inconsistent input text colors (including SecretInput styling)
• Refactored the Save button into a shared footer to remove duplicate code

I’ve tested the UI against the design and it should now be aligned. If anything still looks off, please let me know I’m happy to make further adjustments.

Screen.Recording.2026-02-05.235820.mp4

Copy link
Collaborator

@eugen-soliar eugen-soliar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Plz reassign this issue for yourself.
Issue

@Roshan-Singh-07
Copy link
Contributor Author

Plz reassign this issue for yourself. Issue

I don’t seem to have permission to assign the issue. Could someone assign it to me?

@eugen-soliar
Copy link
Collaborator

Plz reassign this issue for yourself. Issue

I don’t seem to have permission to assign the issue. Could someone assign it to me?

Ah, leave it be. I have just unassigned. I Assume it will do for now

@SoulKa
Copy link
Collaborator

SoulKa commented Feb 17, 2026

Plz reassign this issue for yourself. Issue

I don’t seem to have permission to assign the issue. Could someone assign it to me?

We can only assign issues to you if you comment under the issue :)

Concerning the PR, there are still some colors off the design. Please read the issue requirements carefully and check the screenshot of the expected design with the actual colors in the implementation (see my last comment).

@Roshan-Singh-07
Copy link
Contributor Author

I carefully reviewed the issue description and screenshots and made additional adjustments to layout, spacing, background hierarchy, table styling, checkbox and icon behavior, and overall color consistency so the modal now matches the intended design more closely.

Please let me know if there are still any differences or areas that need refinement. I’m happy to continue iterating until everything is fully aligned.
Screenshot 2026-02-21 131051

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Align collection settings modal with penpot design

3 participants